<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/Navigation.css">
    <script src="js/Navigation.js"></script>
    <script src="js/jquery-3.5.1.js"></script>
</head>
<body>
    <div id="total" style="background-color: #fff;">
        <div class="title">
            <ul>
                <li class="first"><img style="width: 100px; height: 50px;margin-left: -40px;margin-top: -14px;" src="images/知遇.png" alt=""></li>
                <li class="first">首页</li>
                <li class="first">发现</li>
                <li class="first">等你来答</li>
            <form action="">
                <li class="first" style="width: 200px; padding-left: 40px; position: relative; top: -8px;">
                    <input type="text" style="width: 200px;height: 30px;" maxlength="11" placeholder="多地高校明确秋季开学时间"></li>
                    <svg class="inputbg" t="1597731143968" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8353" width="200" height="200"><path d="M798.386532 434.840666c0 90.322122-32.875059 173.048241-87.325366 236.740866 0 0 195.358181 195.621353 232.072842 231.577263 30.171373 29.522384-4.434167 75.370595-43.419638 33.901111-23.467419-24.980951-228.233239-225.844701-228.233239-225.844701-63.803709 54.933123-146.802359 88.132246-237.587665 88.132246-201.30588 0-364.492043-163.235758-364.492043-364.506784 0-201.271026 163.186162-364.477109 364.492043-364.477109C635.200369 70.363558 798.386532 233.56964 798.386532 434.840666zM433.893466 128.136356c-169.349788 0-306.69027 137.333832-306.69027 306.676681 0 169.398108 137.340482 306.732963 306.69027 306.732963 169.404026 0 306.744508-137.334855 306.744508-306.732963C740.637974 265.470187 603.297491 128.136356 433.893466 128.136356z" p-id="8354" fill="#707070"></path></svg>
                <li class="first" style="padding-left: 50px; position: relative; top: -8px;">
                    <input style="width: 60px; height: 35px; border-style :none;background-color: rgb(94,113,179); color: white; border-radius: 5px;" type="button" value="提问"></li>
            </form>
                <li class="second" ><img src="images/logo.jpg" alt=""></li>
                <li class="second" style="position: relative; top: -8px;">
                    <svg t="1597728984114" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6206" width="200" height="200"><path d="M512 0C229.180952 0 0 229.180952 0 512c0 141.409524 58.514286 270.628571 151.161905 363.27619C197.485714 921.6 0 1024 0 1024h512c282.819048 0 512-229.180952 512-512S794.819048 0 512 0z m-195.047619 365.714286h268.190476c19.504762 0 36.571429 17.066667 36.571429 36.571428S604.647619 438.857143 585.142857 438.857143H316.952381c-19.504762 0-36.571429-17.066667-36.571429-36.571429S297.447619 365.714286 316.952381 365.714286z m414.47619 292.571428H316.952381c-19.504762 0-36.571429-17.066667-36.571429-36.571428S297.447619 585.142857 316.952381 585.142857h414.47619c19.504762 0 36.571429 17.066667 36.571429 36.571429S750.933333 658.285714 731.428571 658.285714z" fill="#8a8a8a" p-id="6207"></path></svg>
                </li>
                <li class="second" style="position: relative; top: -8px;">
                    <svg t="1597729015370" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7331" width="200" height="200"><path d="M876.266158 704.70146H882.692115a70.614907 70.614907 0 0 1 70.614906 70.614906v2.895212a70.614907 70.614907 0 0 1-70.614906 70.614906H141.235596a70.614907 70.614907 0 0 1-70.614906-70.614906v-2.895212a70.614907 70.614907 0 0 1 70.614906-70.614906h6.425957L153.24013 353.074533C156.36484 158.071468 316.960791 0 511.963856 0s355.599016 158.071468 358.706071 353.074533l5.596231 351.626927zM370.981195 865.032605h299.619048a150.056676 150.056676 0 1 1-299.601395 0z" p-id="7332" fill="#8a8a8a"></path></svg>
                </li>
                
            </ul>
            <div id='ownNotice'>
                <div class="ownNoticeIcon"></div>
                <div class="ownNoticeMain"  style="background-color: white;"> 
                    <ul class="ownNoticeUl" >
                        <li><svg t="1598012557872" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2244" width="32" height="32"><path d="M313.26 811.73h646.72v-99.49H313.26v99.49z m0-298.48h646.72v-99.49H313.26v99.49z m0-397.98v99.49h646.72v-99.49H313.26zM64.53 811.73h149.24v-99.49H64.53v99.49z m0-298.48h149.24v-99.49H64.53v99.49z m0-298.49h149.24v-99.49H64.53v99.49z" p-id="2245" fill="#8a8a8a"></path></svg></li>
                        <li><svg t="1598014008151" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3556" width="200" height="200"><path d="M164.445091 330.984727c0-95.604364 79.080727-173.102545 176.64-173.102545 97.605818 0 176.686545 77.498182 176.686545 173.102545s-79.127273 173.102545-176.686545 173.102546-176.64-77.498182-176.64-173.102546zM407.272727 808.354909v-11.962182c0-88.250182 45.986909-165.794909 115.339637-211.502545a230.958545 230.958545 0 0 0-100.491637-23.086546H274.850909c-126.045091 0-228.212364 100.072727-228.212364 223.557819v14.42909c0 50.501818 102.167273 50.501818 228.212364 50.501819H415.650909a101.841455 101.841455 0 0 1-8.378182-41.937455z m313.623273-532.852364c-80.942545 0-146.618182 64.325818-146.618182 143.685819s65.675636 143.685818 146.618182 143.685818c80.989091 0 146.618182-64.325818 146.618182-143.685818s-65.582545-143.685818-146.618182-143.685819z m0 0c-80.942545 0-146.618182 64.325818-146.618182 143.685819s65.675636 143.685818 146.618182 143.685818c80.989091 0 146.618182-64.325818 146.618182-143.685818s-65.582545-143.685818-146.618182-143.685819z m-54.923636 335.313455c-104.634182 0-189.44 83.083636-189.44 185.576727v11.962182c0 41.890909 84.805818 41.890909 189.44 41.890909h122.228363c104.587636 0 189.346909-1.536 189.346909-41.890909v-11.962182c0-102.493091-84.759273-185.576727-189.346909-185.576727h-122.228363z m0 0" p-id="3557" fill="#8a8a8a"></path></svg></li>
                        <li><svg t="1598014038999" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4461" width="200" height="200"><path d="M890.2 208.2c-91.8-91.9-242.1-91.9-334 0L544.4 220c-18.2 18.2-47.6 18.2-65.8 0l-11.8-11.8c-91.9-91.9-242.1-91.9-334 0C41 300 24.7 533.9 203.6 722.1 304 827.8 412.4 882.3 470 905.9c26.6 10.9 56.5 10.9 83 0 57.6-23.6 166-78.1 266.4-183.8 178.9-188.2 162.6-422 70.8-513.9z" p-id="4462" fill="#8a8a8a"></path></svg></li>
                    </ul>
                    <p style="clear: both;"></p>
                    <hr style="color: rgb(235,235,235);">
                    <div class='ownNoticeTXT'>
                        <div class="ownNoticetext" ><p><span>菜菜呐</span>&nbsp;的提问等你来答&nbsp;<span>你是怎么放弃你曾经很喜欢的人？</span></p></div>
                        <div class="ownNoticetext" ><p><span>菜菜呐</span>&nbsp;的提问等你来答&nbsp;<span>你是怎么放弃你曾经很喜欢的人？</span></p></div>
                        <div class="ownNoticetext" ><p><span>菜菜呐</span>&nbsp;的提问等你来答&nbsp;<span>你是怎么放弃你曾经很喜欢的人？</span></p></div>
                        <div class="ownNoticetext" ><p><span>菜菜呐</span>&nbsp;的提问等你来答&nbsp;<span>你是怎么放弃你曾经很喜欢的人？</span></p></div>
                    </div>
                    <hr  style="margin-top:10px; color: rgb(235,235,235);">
                    <div style="height: 30px;">
                        <span style="margin: 5px;color:rgb(133,144,166);">
                            <svg  t="1598018064372" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5496" width="12" height="12"><path d="M962.42128 386.732858h-123.858266a350.940182 350.940182 0 0 0-54.989515-92.949693l62.590221-108.411204a43.364482 43.364482 0 0 0-15.866112-59.216144L689.193255 44.693883a43.350032 43.350032 0 0 0-59.216144 15.866111l-63.449996 109.906781a352.031158 352.031158 0 0 0-105.607902 0L397.469216 60.559994a43.350032 43.350032 0 0 0-59.216143-15.866111L197.148719 126.148592a43.364482 43.364482 0 0 0-15.866111 59.216144l62.590221 108.403979a351.019657 351.019657 0 0 0-54.989516 92.956918H65.025048a43.350032 43.350032 0 0 0-43.350032 43.350032v162.931094a43.350032 43.350032 0 0 0 43.350032 43.350032h120.267438a350.456107 350.456107 0 0 0 55.50249 98.281747l-59.505143 103.079151a43.350032 43.350032 0 0 0 15.866111 59.216143l141.097129 81.46916a43.364482 43.364482 0 0 0 59.216143-15.873337l58.594793-101.489649c38.090228 6.358005 77.220857 6.358005 115.311084 0l58.594793 101.489649a43.364482 43.364482 0 0 0 59.216144 15.873337l141.104353-81.46916a43.328357 43.328357 0 0 0 15.866112-59.216143l-59.512369-103.079151a350.282707 350.282707 0 0 0 55.502491-98.281747h120.267438a43.350032 43.350032 0 0 0 43.350032-43.350032v-162.923869a43.342807 43.342807 0 0 0-43.342807-43.350032zM708.216694 516.147153c0 107.247979-87.249164 194.497142-194.497143 194.497142-107.255204 0-194.504367-87.249164-194.504367-194.497142s87.249164-194.497142 194.504367-194.497142c107.247979 0 194.497142 87.249164 194.497143 194.497142z" fill="#8a8a8a" p-id="5497"></path></svg>
                             设置
                        </span>
                        <p style="float: right; color:rgb(133,144,166);margin:5px;"> 查看全部通知</p> 
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</body>
</html>